/***********************************************************
	PJ: 			Shift admin
	PATH:			/assets/styles/jquery.treeview.css
	DESCRIPTION:	treeview css
************************************************************/

.btn a:hover ,
.btn a.active ,
.btn a:active {
	text-decoration:none;
	color:#000;
}

.treecontrol li {
	float:left;
	width:100px;
	height:30px;
	text-align:left;
	position:relative;
	z-index:2;
}

.treecontrol li a {
	display:block;
	height:30px;
	line-height:32px;
	color:#333;
	text-decoration:none;
	font-size:12px;
	text-shadow:0 1px 0 #fff;
	text-align:center;
}

.treecontrol li:first-child a {background:url(../../images/btn/btn_left.gif) 0 0 no-repeat;}
.treecontrol li:last-child a {background:url(../../images/btn/btn_right.gif) 0 0 no-repeat;}


.treecontrol li a:hover {
	background-position:0 -30px;
}

.treecontrol li a:active {
	background-position:0 -60px;
}


.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	text-align:left;
}

.category {
	clear:both;
	padding-top:5px;
}

.treeview ul {
	margin-top: 4px;
}

.treeview li {
	position:relative;
}

.treeview li > span {
	background-color:#fff;
	border-radius:24px;
	width:18px;
	height:18px;
	margin-right:3px;
	line-height:18px;
	text-align:center;
	float:left;
	position:absolute;
	left:18px;
	top:6px;
	cursor:pointer;
	box-shadow:0 1px 1px rgba(0,0,0,0.4) inset;
}

.treeview li > span:hover {
	color:red;
}

.treeview ul li a:hover > span {
	color:#000;
	text-decoration:none;
}


.treeview > li a {
	display:block;
	padding:4px;
	background-color:#e0e0e0;
	border-radius:3px;
	color:#151515;
	
}

.treeview ul > li a {
	display:block;
	padding:4px;
	background-color:#eaeaea;
	border-radius:3px;
	color:#151515;
}

.mcon .treeview ul > li a {
	padding:0 4px;
}

.treeview ul > li > ul > li a {
	background-color:#f4f4f4;
}

.treeview ul > li > ul > li > ul > li > a {
	background-color:#f9f9f9;
}

.treeview li a {
	padding-left:22px!important;
}

.treeview li a:hover {
	color:#000;
	background-color:#FDFCD4;
}

.treeview .hitarea {
	background: url(../../images/plugins/treeview/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin:6px 0 0 -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 0 16px;
}

.treeview a.selected {
	background-color: #eee;
}

.treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(../../images/plugins/treeview/treeview-default-line.gif) 0 -7px no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1772px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../../images/plugins/treeview/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -106px }
.treeview li.lastExpandable { background-position: -32px -62px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../../images/plugins/treeview/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../../images/plugins/treeview/treeview-red.gif); } 

.treeview-black li { background-image: url(../../images/plugins/treeview/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../../images/plugins/treeview/treeview-black.gif); }  

.treeview-gray li { background-image: url(../../images/plugins/treeview/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../../images/plugins/treeview/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../../images/plugins/treeview/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../../images/plugins/treeview/treeview-famfamfam.gif); } 

.treeview .placeholder {
	background: url(../../images/plugins/treeview/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../../images/plugins/treeview/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../../images/plugins/treeview/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../../images/plugins/treeview/file.gif) 0 0 no-repeat; }



/* in modal window
-------------------------------------------------------------- */

.modal-tree {
	padding:0 0 5px;
	background-color:#fff;
	margin-left:-230px;
	width:100%;
	float:right;
	background:url(../../images/common/modal_tree_left.gif) left top repeat-y;
}

.tree_left {
	float:left;
	width:200px;
	padding:0 10px 10px;
	border-right:1px solid #ddd;
}

.tree_right {
	position:relative;
	padding:10px 10px 0;
	margin-left:230px;
	background-color:#fff;
}

/* select_category */

.select_category .tree_right ul {
}

.select_category .tree_right li {
	text-align:left;
	padding:5px;
	border-bottom:1px solid #ddd;
}

.select_category .tree_right p {
	margin:12px 0 12px 0;
	float:right;
}

.select_category .tree_right dl {
	height:36px;
}

.select_category .tree_right dl dt ,
.select_category .tree_right dl dd {
	float:left;
}

.select_category .tree_right dl dt input {
	padding:1px 6px;
	line-height:1.6;
	font-size:11px;
	background-color:#fff;
	border-radius:2px;
	border:1px solid #ccc;
	width:140px;
	box-shadow: 0 0 6px #ddd inset , 0 1px 0 #fff;
	margin:1px 3px 1px 1px;
	font-size:13px;
}

.select_category .selected_goods li:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.select_category .selected_goods a ,
.select_category .selected_goods img ,
.select_category .selected_goods span {
	float:left;
}

/* select_goods */

.select_goods .tree_right > ul {
	padding-bottom:12px;
}

.select_goods .tree_right ul:after {
	clear:both;
	content: "";
    height: 0;
    display: block;
    visibility: hidden;
}

.select_goods .tree_right li {
	border-radius:4px;
	text-align:center;
	padding:5px;
	margin:5px;
	width:76px;
	height:80px;
	float:left;
	overflow:hidden;
	font-size:11px;
	text-shadow:0 1px 0 #fff;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	border:1px solid #e5e5e5;
	box-shadow:0 1px 0 #fff inset , 0 -1px 0 #fff inset , 0 1px 1px rgba(0,0,0,0.1);
	cursor:pointer;
}

.select_goods .tree_right li:hover {
	background:#f6f6f6;
}

.select_goods .tree_right li img {
	width:62px;
	height:62px;
	background-color:#fff;
	padding:1px;
	border:1px solid #ddd;
}

.select_goods .tree_right > p {
	margin:12px 0 12px 0;
	float:right;
}

.select_goods .tree_right .selected_container {
	margin:10px 0 !important;
	padding:0 0 4px;
	border:2px solid #e5e5e5;
	clear:both;
}

.select_goods .tree_right .selected_container span {
	float:left;
	font-weight:bold;
	margin:5px;
}

.select_goods .tree_right .selected_container span em {
	font-weight:normal;
}

.select_goods .tree_right .selected_container p {
	float:right;
	margin:5px;
}

.select_goods .tree_right .selected_container ul {
	clear:both;
	margin-top:5px;
}

.select_goods .tree_right .selected_container ul li {
	margin:4px;
}

.select_goods .tree_right .selected_container:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.select_goods .tree_right dl {
	height:36px;
}

.select_goods .tree_right dl dt ,
.select_goods .tree_right dl dd {
	float:left;
}

.select_goods .tree_right dl dt input {
	padding:1px 6px;
	line-height:1.6;
	font-size:11px;
	background-color:#fff;
	border-radius:2px;
	border:1px solid #ccc;
	width:140px;
	box-shadow: 0 0 6px #ddd inset , 0 1px 0 #fff;
	margin:1px 3px 1px 1px;
	font-size:13px;
}

.select_goods .selected_goods li:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}